.animated-background,
%animated-background {
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f6f6;
  background: linear-gradient(to right, #f6f6f6 8%, #f0f0f0 18%, #f6f6f6 33%);
  background-size: 800px 104px;
  height: 96px;
  position: relative;
}

.placeholder {
  display: flex;
  width: 100%;

  @keyframes placeHolderShimmer {
    0% {
      background-position: -468px 0;
    }
    100% {
      background-position: 468px 0;
    }
  }

  &__image {
    @extend %animated-background;

    height: 40px;
    margin-right: 5px;
    min-width: 40px;
  }

  &__text {
    width: 100%;
  }

  &__text-line {
    @extend %animated-background;

    height: 10px;
    margin: 4px 0;
    width: 100%;
  }
}
